enyo.kind({
	name: "hpit.Header",
	kind: enyo.Control,
	classes: "hpit-header",
	published: {
		caption: "",
	},
	components: [
		{tag: "div", classes: "title-logo", components: [
			{tag: "div", name: "caption", classes: "title-text"}
		]}
	],
	create: function() {
		this.inherited(arguments);
		this.captionChanged();
	},
	captionChanged: function() {
		this.$.caption.setContent(this.caption);
	},

	setCaption: function(caption){
		this.$.caption.setContent(caption);
		this.$.caption.render();
	},
});